<script type="text/javascript">
    $(document).ready(function() {
        $("#previewCloseBtn").click(function() {
            $("#preview").hide();
            if ($("select")[0]) $("select").show(); // fix the dropdown can be not coverd in IE6 - W.P
        });

        $("#previewDoneBtn").click(function() {
            $("#preview").hide();
            if ($("select")[0]) $("select").show(); // fix the dropdown can be not coverd in IE6 - W.P
        });

        //$("#previewContent").height(window.screen.height - 320);
        //$("#previewContent").css({"min-height":"480px"});
    });
</script>

<style type="text/css" rel="stylesheet">
    #preview {
        display: none;
        position: absolute;
        top: 100px;
        z-index: 999;
        width: 1000px;
    }

    #previewBody {
        margin: 0px auto 0px auto;
        width: 900px;
    }
</style>

<!-- Begin: Preview Question Set -->
<div id="preview">
    <!--START: popup -->
    <div id="previewBody" class="popup">
        <div class="popup_top">
            <span>
                <input type="image" id="previewCloseBtn" src="<%=request.getContextPath()%>/images/icon/close.gif" class="close"
                       alt="close" />
            </span>
        </div>

        <div class="popup_insider">
            <div id="questionSetTitle"></div>
            <div id="previewContent" style="height: 580px;">
                <!--iframe id="preview_if" frameBorder=0 width="100%" style="padding:0 25px 10px;"></iframe-->
            </div>
            
            <div class="popup_submit" style="padding: 50px 0px 0px">
                <input type="image" id="previewDoneBtn" src="<%=request.getContextPath()%>/images/btn/btn_done.gif" alt="done" class="btn" />
            </div>
        </div>

        <div class="popup_bottom"><span></span></div>
    </div>
</div>
<!-- End -->